<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link rel="stylesheet" href="./css/1.css">
		<style type="text/css">
			.dis {
				position: relative;
			}

			.dis span {
				display: block;
				position: absolute;
				left: 160px;
			}

			.dis img {
				display: block;
				margin-left: 20px;
				position: absolute;
				top: 10px;
				width: 120px;
				height: 100px;
			}

			.dis a {
				display: block;
				text-decoration: none;
				height: 30px;
				width: 90px;
				background-color: red;
				color: white;
				text-align: center;
				position: relative;
			}

			.dis a div:hover {
				text-decoration: underline;
				color: white;
			}

			.dis div {
				width: 50px;
				height: 30px;
				left: 20px;
				position: absolute;
				top: -10px;
			}

			.name {
				visibility: visible;
			}

			.current:hover .name {
				visibility: hidden;
			}
		</style>
	</head>
	<body>
		<div class="nav">
			<div class="left">
				<ul>
					<li><a href="zhaohaoran.html" style="color: red;">tao123</a></li>
					<li><a href="zhaohaoran.html">免费注册</a></li>
					<li><a href="#">手机狂淘宝</a></li>
					<li><a href="#">网页无障碍</a></li>
				</ul>
			</div>
			<div class="right">
				<ul>
					<li><a href="#">淘宝网首页</a></li>
					<li class="over2"><a href="#">我的淘宝 ▿</a>
						<div class="wtb" style="height: 68px;">
							<div class="list-hd"><a href="#">已买到的宝贝</a></div>
							<div class="list-hd"><a href="#">我的足迹</a></div>
						</div>
					</li>
					<li class="gouwu"><img src="./img/gouwuche.png" alt="购物车"><a href="#">购物车</a></li>
					<li class="over2"><a href="#">★收藏夹 ▿</a>
						<div class="wtb" style="height: 68px;">
							<div class="list-hd"><a href="#">收藏的宝贝</a></div>
							<div class="list-hd"><a href="#">收藏的店铺</a></div>
						</div>
					</li>
					<li><a href="#">商品分类</a></li>
					<li><a href="#">免费开店</a></li>
					<li>|</li>
					<li class="over2"><a href="#">千牛卖家中心 ▿</a>
						<div class="wtb" style="height:300px;">
							<div class="list-hd"><a href="#">开店入驻</a></div>
							<div class="list-hd"><a href="#">已卖出的宝贝</a></div>
							<div class="list-hd"><a href="#">出售中的宝贝</a></div>
							<div class="list-hd"><a href="#">卖家服务市场</a></div>
							<div class="list-hd"><a href="#">卖家培训中心</a></div>
							<div class="list-hd"><a href="#">体验中心</a></div>
							<div class="list-hd"><a href="#">电商学习中心</a></div>
						</div>
					</li>
					<li class="over2"><a href="#">联系客服 ▿</a>
						<div class="wtb">
							<div class="list-hd"><a href="#">消费者客服</a></div>
							<div class="list-hd"><a href="#">卖家客服</a></div>
							<div class="list-hd"><a href="#">意见反馈</a></div>
							<div class="list-hd"><a href="#">网页版旺旺</a></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="header-left">
				<div class="log">
					<a href="#">
						<h1>淘票票</h1>
					</a>
				</div>
				<div class="select">
					<span class="city-name">杭州 ▼</span>
					<div class="over9">
						<a href="#" class="city-option">北京</a>
						<a href="#" class="city-option">上海</a>
						<a href="#" class="city-option">广州</a>
						<a href="#" class="city-option">沈阳</a>
						<a href="#" class="city-option">哈尔滨</a>
						<a href="#" class="city-option">长春</a>
					</div>
				</div>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="./2.html">影片</a></li>
					<li><a href="./4.html">影院</a></li>
				</ul>
			</div>
			<div class="header-right">
				<img style="position: relative; z-index: -1;" src="./img/shouji.png" alt="手机">
				<a style="position: relative; z-index: -1;" href="#">手机购买</a>
			</div>
		</div>
		<div class="main" id="lunbo">
			<a href="#">
				<img src="./img/zhuyehuamian.png" alt="客户端下载">
			</a>
		</div>
		<div class="main1">
			<div class="main1-header">
				<ul>
					<li>正在热映(53)</li>
					<li>即将上映(100)</li>
					<li>查看全部 ></li>
				</ul>
			</div>
			<div class="main1-main">
				<div class="one">
					<div class="movies">
						<img src="./img/qianxing.png" alt="">
						<div class="over">

							<ul>
								<li>导演：关智耀</li>
								<li>主演：刘德华，林家栋...</li>
								<li>类型：剧情,犯罪,动作</li>
								<li>地区：中国香港</li>
								<li>语言：粤语</li>
								<li>片场：114分钟</li>
							</ul>
						</div>
					</div>
					<div class="tickit">
						<span><a href="./8.html">选座购票</a></span>
					</div>
				</div>
				<div class="one">
					<div class="movies">
						<img src="./img/yishan.png" alt="">
						<div class="over">
							<ul>
								<li>导演：陈小明 章攀</li>
								<li>主演：屈楚萧，张佳宁...</li>
								<li>类型：爱情，奇幻</li>
								<li>地区：中国大陆</li>
								<li>语言：汉语普通话</li>
								<li>片场：107分钟</li>
							</ul>
						</div>
					</div>
					<div class="tickit">
						<span><a href="./8.html">选座购票</a></span>
					</div>
				</div>
				<div class="one">
					<div class="movies"><img src="./img/nianhui.png" alt="">
						<div class="over">
							<ul>
								<li>导演：董润年</li>
								<li>主演：大鹏，白客，庄...</li>
								<li>类型：喜剧，剧情</li>
								<li>地区：中国大陆</li>
								<li>语言：汉语普通话</li>
								<li>片场：117分钟</li>
							</ul>
						</div>
					</div>
					<div class="tickit">
						<span><a href="./8.html">选座购票</a></span>
					</div>
				</div>
				<div class="one">
					<div class="movies"><img src="./img/jingshouzhi.png" alt="">
						<div class="over">
							<ul>
								<li>导演：庄文强</li>
								<li>主演：梁朝伟，刘德华...</li>
								<li>类型：剧情，犯罪</li>
								<li>地区：中国香港，中国...</li>
								<li>语言：粤语</li>
								<li>片场：125分钟</li>
							</ul>
						</div>
					</div>
					<div class="tickit">
						<span><a href="./8.html">选座购票</a></span>
					</div>
				</div>
				<div class="one">
					<div class="movies"><img src="./img/feichengwurao3.png" alt="">
						<div class="over">
							<ul>
								<li>导演：冯小刚</li>
								<li>主演：葛优，舒淇，范...</li>
								<li>类型：爱情，喜剧</li>
								<li>地区：中国大陆</li>
								<li>语言：汉语普通话</li>
								<li>片场：119分钟</li>
							</ul>
						</div>
					</div>
					<div class="tickit">
						<span><a href="./8.html">选座购票</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="main2">
			<img src="./img/caozuotiao.png" alt="">
		</div>
		<div class="main3">
			<div class="lastweek">
				<h3><span>上周票房排行</span><a href="#">全部影片&nbsp;></a></h3>
				<ul>
					<li class="current">
						<div class="name" style="position: absolute; left: 20px; margin-left: 140px;">
							年会不能停&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							9.4
						</div>
						<div style="position: relative;" class="dis">
							<img src="./img/nainhui1.jpg" alt="">
							<span style="top: -0px">年会不能停</span>
							<span style="top: 25px;">9.4</span>
							<a href="./8.html" style="display: block; position: absolute;top: 60px;left: 160px; ">
								<div>选座</div>
							</a>
						</div>
					</li>
					<li class="current">
						<div class="name" style="position: absolute; left: 20px; margin-left: 140px;">
							金手指&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;8.9
						</div>
						<div style="position: relative;" class="dis">
							<img src="./img/jing1.jpg" alt="">
							<span style="top: -0px">金手指</span>
							<span style="top: 25px;">8.9</span>
							<a href="./8.html" style="display: block; position: absolute;top: 60px;left: 160px; ">
								<div>选座</div>
							</a>
						</div>
					</li>
					<li class="current">
						<div class="name" style="position: absolute; left: 20px; margin-left: 140px;">
							潜行&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;9.3
						</div>
						<div style="position: relative;" class="dis">
							<img src="./img/qianxing1.jpg" alt="">
							<span style="top: -0px">一闪一闪亮晶晶</span>
							<span style="top: 25px;">9.3</span>
							<a href="./8.html" style="display: block; position: absolute;top: 60px;left: 160px; ">
								<div>选座</div>
							</a>
						</div>
					</li>
					<li class="current">
						<div class="name" style="position: absolute; left: 20px; margin-left: 140px;">
							一闪一闪亮晶晶&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;
							&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;8.8
						</div>
						<div style="position: relative;" class="dis">
							<img src="./img/yishan.jpg" alt="">
							<span style="top: -0px">一闪一闪亮晶晶</span>
							<span style="top: 25px;">8.8</span>
							<a href="./8.html" style="display: block; position: absolute;top: 60px;left: 160px; ">
								<div>选座</div>
							</a>
						</div>
					</li>
					<li class="current">
						<div class="name" style="position: absolute; left: 20px; margin-left: 140px;">
							海王2：失落的王国&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;&numsp;9.1
						</div>
						<div style="position: relative;" class="dis">
							<img src="./img/haiwang2.png" alt="">
							<span style="top: -0px">海王2：失落的王国</span>
							<span style="top: 25px;">9.1</span>
							<a href="./8.html" style="display: block; position: absolute;top: 60px;left: 160px; ">
								<div>选座</div>
							</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="hot">
				<h3><span>热门影院排行</span><a href="#">全部影院&nbsp;></a></h3>
				<ul>
					<li>
						<a class="pos" href="#">兰馨·悦立方杜比影城</a><br>
						<span class="address">浦东新区张杨路400号</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
					<li>
						<a class="pos" href="#">万达影城（松江万达广场IMAX...</a><br>
						<span class="address">松江区广富林路692号松江万达广场4楼</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
					<li>
						<a class="pos" href="#">华夏丰尚国际影城</a><br>
						<span class="address">闵行区华漕镇运乐路569弄3号310单元</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
					<li>
						<a class="pos" href="#">幸福蓝海影城(宝山北城时代广场店)</a><br>
						<span class="address">宝山区上海市宝山区月辉路108弄11号北城时代广场3楼</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
					<li>
						<a class="pos" href="#">春天国际影城(蛙城激光巨幕店)</a><br>
						<span class="address">青浦区东渡蛙城3楼(上海市青浦区淀山湖大道988弄8号</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
					<li>
						<a class="pos" href="#">沪北·静剧场</a><br>
						<span class="address">静安区上海市静安区乌鲁木齐北路457号</span>
						<span class="over4"><a href="./8.html">选座</a></span>
					</li>
				</ul>
			</div>
			<div class="privew">
				<h3 style="font-family: STSong;">热门预告片</h3>
				<ul>
					<li><a href="#"><img src="./img/qian.png" alt=""><br><span>潜行</span></a></li>
					<li><a href="#"><img src="./img/nian.png" alt=""><br>年会不能停</a></li>
				</ul>
				<ul>
					<li><a href="#"><img src="./img/jin.png" alt=""><br>金手指</a></li>
					<li><a href="#"><img src="./img/hai.png" alt=""><br>海王2：失落的王国</a></li>
				</ul>
				<ul>
					<li><a href=""><img src="./img/feichengwurao.png" alt=""><br>非诚勿扰</a></li>
				</ul>
			</div>
		</div>
		<div class="main4">
			<div class="main4-header">
				<p>新片观影指南</p>
			</div>
			<div class="main4-body">
				<div class="header">
					<div class="header1">
						<span>
							< 2023年12月>
						</span>
					</div>
					<div class="date2">
						<ul>
							<li>周日</li>
							<li>周一</li>
							<li>周二</li>
							<li>周三</li>
							<li>周四</li>
							<li>周五</li>
							<li>周六</li>
						</ul>
					</div>
				</div>
				<div class="body">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li>01</li>
						<li>02</li>
						<li>03</li>
						<li>04</li>
						<li>05</li>
						<li>06</li>
						<li>07</li>
						<li>08</li>
						<li>09</li>
						<li>10</li>
						<li>11</li>
						<li>12</li>
						<li>13</li>
						<li>14</li>
						<li>15</li>
						<li>16</li>
						<li>17</li>
						<li>18</li>
						<li>19</li>
						<li>20</li>
						<li>21</li>
						<li>22</li>
						<li>23</li>
						<li>24</li>
						<li>25</li>
						<li>26</li>
						<li>27</li>
						<li>28</li>
						<li>29</li>
						<li>30</li>
						<li>31</li>
					</ul>
				</div>
			</div>
			<div class="right">
				<div class="movie">
					<img src="./img/movie.png" alt="">
				</div>
				<div class="tickit">
					<span class="date1">12月30日 上映5部 <a href="#">></a></span>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footWrap">
				<div class="footmiddle">
					<div class="footlog">
						<a href="#">
							<img src="./img/log.png" alt="">
						</a><br>
						<span>如果您是消费者，</span><br>
						<span>请拨打0571-88157838</span><br>
						<span>如果您是影院/合作商家，</span><br>
						<span>请拨打400-825-9220</span><br>
						<span>(服务时间:9:00-21:00)</span><br>
					</div>
					<dl>
						<dt>选座购票流程</dt>
						<dd><a href="#">选择影片和场次</a></dd>
						<dd><a href="#">选择中意的座位</a></dd>
						<dd><a href="#">支付并收到取票短信</a></dd>
					</dl>
					<dl>
						<dt>取票流程</dt>
						<dd><a href="#">收到取票短信</a></dd>
						<dd><a href="#">影院自助取票</a></dd>
						<dd><a href="#">短信重发方式</a></dd>
					</dl>
					<dl>
						<dt>常见问题</dt>
						<dd><a href="#">是否支持退换票</a></dd>
						<dd><a href="#">填错手机号怎么办</a></dd>
						<dd><a href="#">更多问题>></a></dd>
					</dl>
					<dl>
						<dt>协议规范</dt>
						<dd><a href="#">用户服务协议</a></dd>
						<dd><a href="#">食品管理规范</a></dd>
						<dd><a href="#">隐私权政策</a></dd>
						<dd><a href="#">退改签服务费规范</a></dd>
					</dl>
					<div class="code">
						<img src="./img/erweima.png" alt="">
					</div>
				</div>
				<div class="footbottom">
					<div class="footer-ali">
						<a href="//news.alibaba.com">阿里巴巴集团</a>
						<b>|</b>
						<a href="//www.alibaba.com?spm=1.1000386.245549.2.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.2">阿里巴巴国际站</a>
						<b>|</b>
						<a href="//www.1688.com?spm=1.1000386.245549.3.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.3">阿里巴巴中国站</a>
						<b>|</b>
						<a href="//www.aliexpress.com?spm=1.1000386.245549.4.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.4">全球速卖通</a>
						<b>|</b>
						<a href="//www.taobao.com/index_global.php?spm=1.1000386.245549.5.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.5">淘宝网</a>
						<b>|</b>
						<a href="//www.tmall.com?spm=1.1000386.245549.6.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.6">天猫</a>
						<b>|</b>
						<a href="//ju.taobao.com?spm=1.1000386.245549.7.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.7">聚划算</a>
						<b>|</b>
						<a href="//www.etao.com/?spm=1.1000386.245549.8.lsGIAa&amp;tbpm=t"
							data-spm-anchor-id="1.1000386.245549.8">一淘</a>
						<b>|</b>
						<a href="//www.alimama.com?spm=1.1000386.245549.9.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.9">阿里妈妈</a>
						<b>|</b>
						<a href="//www.aliyun.com?spm=1.1000386.245549.10.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.10">阿里云计算</a>
						<b>|</b>
						<a href="//www.yunos.com?spm=1.1000386.245549.11.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.11">云OS</a>
						<b>|</b>
						<a href="//www.net.cn?spm=1.1000386.245549.12.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.12">万网</a>
						<b>|</b>
						<a href="//cn.yahoo.com?spm=1.1000386.245549.13.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.13">中国雅虎</a>
						<b>|</b>
						<a href="//www.alipay.com" data-spm-anchor-id="1.1000386.245549.14">支付宝</a>
					</div>
					<div class="foot-nav">
						<div class="link">
							<a href="//www.taobao.com/about/?spm=1.1000386.245549.15.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.15">关于淘宝</a>
							<a href="//www.taobao.com/about/partners.php?spm=1.1000386.245549.16.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.16">合作伙伴</a>
							<a href="//pro.taobao.com/?spm=1.1000386.245549.17.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.17">营销中心</a>
							<a href="//service.taobao.com/support/main/service_route.htm?spm=1.1000386.245549.18.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.18">联系客服</a>
							<a href="//open.taobao.com/?spm=1.1000386.245549.19.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.19">开放平台</a>
							<a href="//www.taobao.com/about/join.php?spm=1.1000386.245549.20.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.20">诚征英才</a>
							<a href="//www.taobao.com/about/contact.php?spm=1.1000386.245549.21.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.21">联系我们</a>
							<a href="//www.taobao.com/sitemap.php?spm=1.1000386.245549.22.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.22">网站地图</a>
							<a href="//www.taobao.com/about/copyright.php?spm=1.1000386.245549.23.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.23">法律声明</a>
							<span>&copy; 2017 Taopiaopiao.com 版权所有</span><br><span>增值电信业务经营许可证：沪B2-20170117</span> <a
								href="https://beian.miit.gov.cn" target="_blank">沪ICP备16050036号-1</a> <a
								href="//m.taopiaopiao.com/tickets/dianying/pages/alfheim/content.html?id=1907771"
								target="_blank" title="证照信息"> 证照信息</a>
							<br><span>违法不良信息举报电话 0571-88157838</span>
							<br><span>违法不良信息举报邮箱 taopiaopiao_tousu@service.alibaba.com</span>
						</div>
						<div class="log1">
							<img src="./img/log1.png" alt="">
						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="police">
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102006472">
				<img src="./img/police.png">
				<p>沪公网安备 31010102006472号</p>
			</a>
		</div>
		<div id="footer-banner">
		    <img src="./img/footer.png" alt="广告背景">
		    <div class="loading">
		        <a href="#" id="close-banner"><img src="./img/closer.png" alt="关闭按钮"></a>
		    </div>
		    <div class="download-links">
		        <a href="#" id="download-iphone">iPhone下载</a>
		        <a href="#" id="download-android" >Android下载</a>
		    </div>
		</div>
	</body>
	<script src="./js/1.js"></script>
</html>